@import "../_mixin";


.news_page{

	.newsbanner{
		text-align:center;
		img{
			width:10rem;
		}
	}


	//newslist
	.news_list{
		padding-top:0.25rem;
		background:#fff;
		margin-top:-0.125rem;
		li{
			margin:0.0rem 0.2rem;
			margin-bottom:0.25rem;
			white-space:nowrap;
			padding:0.25rem 0.0rem;
			transition: 0.1s;
			
			&:active{
				background: #f1f1f1;
			}


			.info, .img{
				display:inline-block;
				vertical-align:top;
			}
			.img{
				width:35%;
				img{
					width:100%;
					padding-right:0.25rem;
				}
			}
			.info{
				width:65%;
			}
			.title{
				width:60%;
				overflow:hidden;
				text-overflow:ellipsis;
				@include fz(16px);
				vertical-align:middle;
				
			}
			.extra{
				color:#999;
				@include fz(12px);
			}
			.time{
				margin-left:0.5rem;
			}

			span{
				line-height:0.625rem;
				vertical-align:middle;
				display:inline-block;
				white-space:nowrap;
			}
		}
	}
}

.news_type_popup{
	margin-top:2rem;
	height:100%;
	background:#f5f5f5;
	h2{
		@include fz(16px);
		text-align:center;
		padding:0.25rem 0.0rem;
		background:#fff;
		vertical-align:middle;
		i{
			float:right;
			vertical-align:middle;
			display:block;
			@include fz(22px);
			padding:0.0rem 0.2rem;
		}
	}
	.typelist{
		margin:0.5rem 0.0rem;
		ul{
			margin-bottom:0.4rem;
		}
		li{
			padding:0.25rem;
			background:#fff;
			display:inline-block;
			margin-left:0.4rem;
			border:0.01rem solid #e0e0e0;
			border-radius:0.1rem;
			margin-bottom:0.25rem;
			@include fz(14px);
		}
	}
}

.vux-popup-dialog{
	background:none;
}